<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//设置或返回被选元素的属性值。
				//console.log($(".box").attr("name"));
				//$(".box").attr("name","aaaaaaaa");
				
				//从每一个匹配的元素中删除一个属性。
				$(".box").removeAttr("name");
				
				//获取在匹配的元素集中的第一个元素的属性值。
				console.log($(".box").prop("name"));//不能获取自定义属性的值
				$(".box").prop("title","aaaaaaaaaaaa");
				
				//用来删除由.prop()方法设置的属性集。
				$(".box").removeProp("title");
				
				console.log($(".v1").attr("checked"));
				console.log($(".v1").prop("checked"));
				
				//为每个匹配的元素添加指定的类名。
				//$(".box").addClass("active");
				
				//从所有匹配的元素中删除全部或者指定的类。
				//$(".box").removeClass("box");
				//$(".box").removeClass();
				
				//如果存在（不存在）就删除（添加）一个类。
				$(".box").toggleClass("active");
				
				//取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
				console.log($(".box").html());
				$(".box").html("1111111111111111111111")
				
				//取得所有匹配元素的内容。这个方法对HTML和XML文档都有效。。
				$(".box").text("00000000000000");
				
				//获得匹配元素的当前值。用在表单控件上
				$(".v2").val("这是一个文本框")
			})
		</script>
	</head>
	<body>
		<div id="obox" class="box" title="盒子" name="mybox">这是一个div</div>
		<input class="v1" type="radio"  />
		<input class="v2" type="text" />
	</body>
</html>
